<html lang="cn">

<head>
  <meta charset="UTF-8">
  <script src="./rem.js"></script>
  <meta name="format-detection" content="telephone = no">
  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <title></title>
  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script> -->
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <link rel="stylesheet" href="./common.css">
  <link rel="stylesheet" href="./brandKnow.css">
  <script>
    function rembig(){
      setRemSize()
      window.addEventListener("resize",setRemSize,false)
      function setRemSize(){
        var width = document.documentElement.clientWidth
        if (width > 750) {
            width = 750
        }
        var _clientWidth = width / 7.5+'px'
        document.documentElement.style.fontSize = _clientWidth
      }
    }
    rembig()
  </script>
</head>

<body>
  <div class="wrap container">
    <div class="topTab">
      <div class="nav active" >行业百科</div>
      <div class="nav">选购百科</div>
    </div>
    <div class="redline">
      <div class="line"></div>
      <div class="line hide"></div>
    </div>
    <div class="grayline"></div>

    <div>
      <div class="con">111</div>
      <div class="con">222</div>
      <!-- 没有数据显示占位图 -->
      <!-- <img src="" alt=""> -->
    </div>
  </div>

  <div class="bottomInfo">
    <img src="./images/zxpp_logo.png" class="logo">
    <div style="color: rgba(156,156,156,1)">客服电话：400-159-0958</div>
    <div class="feedback"><span>意见反馈</span> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<span>参与活动</span></div>
    <div>中企品牌网</div>
  </div>
  <div style="height: 0.98rem;"></div>
  <div class="bottomTab">
    <div class="tab tab1">
      <img src="./images/home_btn_icon@2x.png" alt="" srcset="">
      <p>首页</p>
    </div>
    <div class="tab tab2" style="border-left:1px solid #D3141C">
      <img src="./images/back_btn_icon@2x.png" alt="" srcset="">
      <p>返回投票</p>
    </div>
  </div>
  
</body>
</html>

<script>
  $(document).ready(function () {
    $(".con").eq(1).hide()
    $(".nav").on("click",function(){
      var index = $(this).index();
      $(this).addClass("active").siblings().removeClass("active");
      $(".con").eq(index).show().siblings().hide();
      $(".line").eq(index).removeClass("hide").siblings().addClass("hide");
    })
    var con = new Contact()
    con.addTopBack()
    con.addBackVote({src: './images/newIndex/home_fhtp_btn_icon.png'})
  })
</script>
